*{
	box-sizing: border-box;
}

.newadd{
	width: 100%;
	//margin: 0;
	//padding: 0;
	background-color: #eee;
	height: 100vh;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	padding-top: 2.8rem;

	overflow:auto;
	padding-top: calc(constant(safe-area-inset-top) + 2.8rem); 
	padding-top: calc(env(safe-area-inset-top) + 2.8rem);
}
.newadd .header-title{
	height: 2.8rem;
	background: radial-gradient(circle at 41% -33%,#fdf4df,#d4b59a 80%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	box-shadow: 0 1px 4px 0 rgb(0 0 0 / 50%);
	color: #716858;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	.title{
		flex: 1;
		text-align: center;
		font-size: 1.1rem;
	}
	.right{
		width: 2rem;
		font-size: .95rem;
		color: #000;
	}
}
.glmain{
	width: 100%;
	padding: 1rem 1rem;
	padding-bottom: 0;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 40vmin); 
	padding-bottom: calc(env(safe-area-inset-bottom) + 40vmin);
}
.glmainbox{
	width: 100%;
	background-color: #fff;
	border-radius: .3rem;
	padding: 0 1.5rem;
}
.gmmbheader{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 1rem 0;
	
	.gmmbhtext{
		font-size: .95rem;
		margin-right: 1rem;
	}
	.gmmbhline{
		flex: 1;
		height: .05rem;
		background-color: #6c6c6c;
	}
}
.gmmbcon{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 1rem;
	
	.gmmbitem{
		width: 110pt;
		position: relative;
		padding-bottom: 1.7rem;
		
		.gmmbilogo{
			width: 110pt;
			height: 110pt;
		}
		.gmmbitext{
			width: 100%;
			text-align: center;
			font-size: .95rem;
			margin-top: .7rem;
			color: #000;
		}
		.gmmbiicon{
			width: 1.5rem;
			height: 1.5rem;
			position: absolute;
			top: -.7rem;
			right: 0;
		}
	}
}